#zepto-msg-div{
	z-index: 9999; 
	width: 220px;
	left: 50%;
	top: 0;
	margin-left: -110px; 
	overflow: hidden; 
	position: absolute;
	
}
.zm-box{
	z-index: 9999;
	width: 99%;
	border: 1px solid #ccc;
	margin-top: 5px;
	border-radius: 5px;
	opacity: 0;
	background-color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	background-image: -webkit-linear-gradient(top, #fff, #eee);
	background-image: -moz-linear-gradient(top, #fff, #eee);
	background-image: linear-gradient(top, #fff, #eee);
}
.zm-box > div{
	padding: 0 10px 0 10px;
	word-wrap: break-word;
}
.zm-box > div[for=title]{
	margin-top: 5px;
	font: bold 16px Arial;
	line-height: 25px;
}
.zm-box > div[for=msg]{
	font-size: 13px;
	font-family: Arial;
	margin-bottom: 5px;
	line-height: 20px;
}

*{ margin:0; padding:0; }
body{ overflow: hidden; }

.div-full{
	box-flex: 1; 
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
}
.box-vertical, .box-horizontal{
	display: box;
	display: -webkit-box;
	display: -moz-box;
}
.box-vertical{
	box-orient: vertical;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
}
.box-horizontal{
	box-orient: horizontal;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
}

.content{
	position: absolute;
	left: 0;
	top: 0;
	background: #FFF;
	width: 100%;
	height: 100%;
}
.content-box-base{
	position: absolute;
	left: 0;
	top: 0;
}
.content-show{
	z-index: 9999;
	-webkit-animation: content-show-inDownBig .5s .01s ease both;
	-moz-animation: content-show-inDownBig .5s .01s ease both;
}
@-webkit-keyframes content-show-inDownBig{
	0%{opacity:0; -webkit-transform:translateY(-100%);}
	100%{opacity:1; -webkit-transform:translateY(0);}
}
@-moz-keyframes content-show-inDownBig{
	0%{opacity:0; -moz-transform:translateY(-100%);}
	100%{opacity:1; -moz-transform:translateY(0);}
}

.content-hide{
	-webkit-animation: content-hide-outDownBig .5s .01s ease both;
}
@-webkit-keyframes content-hide-outDownBig{
	0%{opacity:1; -webkit-transform:translateY(0);}
	100%{opacity:0; -webkit-transform:translateY(100%); }
}

.toolbar-show{
	display: block !important;
	z-index: 9999;
	-webkit-animation: toolbar-show-inUpBig .3s .01s ease both;
}
@-webkit-keyframes toolbar-show-inUpBig{
	0%{opacity:0; -webkit-transform:translateY(0);}
	100%{opacity:1; -webkit-transform:translateY(-100%); }
}
.toolbar-hide{
	-webkit-animation: toolbar-hide-outUpBig .3s .01s ease both;
}
@-webkit-keyframes toolbar-hide-outUpBig{
	0%{opacity:1; -webkit-transform:translateY(-100%);}
	100%{opacity:0; -webkit-transform:translateY(0); }
}

.dialong-lm-show-top{
	z-index: 99999;
	-webkit-animation: dl-lm-bounceIn-top .3s .01s ease both;
}
@-webkit-keyframes dl-lm-bounceIn-top{
	0%{opacity:0; -webkit-transform:scale(0);}
	100%{opacity:1; -webkit-transform:scale(1);}
}

.dialong-lm-hide-top{
	-webkit-animation: dl-lm-bounceOut-top .3s .01s ease both;
}
@-webkit-keyframes dl-lm-bounceOut-top{
	0%{opacity:1; -webkit-transform:scale(1);}
	100%{opacity:0; -webkit-transform:scale(0);}
}

.dialong-lm-show{
	z-index: 99999;
	-webkit-animation: dl-lm-bounceIn .3s .01s ease both;
}
@-webkit-keyframes dl-lm-bounceIn{
	0%{opacity:0; -webkit-transform:scale(0);}
	100%{opacity:.5; -webkit-transform:scale(1);}
}

.dialong-lm-hide{
	-webkit-animation: dl-lm-bounceOut .3s .01s ease both;
}
@-webkit-keyframes dl-lm-bounceOut{
	0%{opacity:.5; -webkit-transform:scale(1);}
	100%{opacity:0; -webkit-transform:scale(0);}
}

.dialong-show{
	z-index: 9999;
	-webkit-animation: dl-bounceIn .3s .01s ease both;
}
@-webkit-keyframes dl-bounceIn{
	0%{opacity:0; -webkit-transform:scale(0);}
	75%{opacity:1; -webkit-transform:scale(1.2);}
	100%{opacity:1; -webkit-transform:scale(1);}
}

.dialong-hide{
	-webkit-animation: dl-bounceOut .3s .01s ease both;
}
@-webkit-keyframes dl-bounceOut{
	0%{opacity:1; -webkit-transform:scale(1);}
	100%{opacity:0; -webkit-transform:scale(0); z-index:-1;}
}

/***************************************************************/
.msg-base{
	min-height: 150px;
	width: 300px;
	border: 1px solid #bbb;
	background: #f5f5f5;
	z-index: 99999;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.msg-base > div[data-type="title"]{
	line-height: 40px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.msg-base > div[data-type="content"]{
	width: 100%;
	box-flex: 1; 
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	background: #fff;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	border-top: 1px solid #d9d9d9;
}
.msg-base > div[data-type="time"]{
	width: 100%;
	line-height: 20px;
	text-align: center;
	color: red;
	background-color: #fff;
	border-bottom: 1px solid #d9d9d9;
}
.msg-base > div[data-type="button"]{
	width: 100%;
	line-height: 35px;
}
.msg-base > div[data-type="button"] > div[for=btnYes],div[for=btnBack]{
	width: 100px;
	text-align: center;
	background-color: #ffb94b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ffb94b));
	background-image: -webkit-linear-gradient(top, #fddb6f, #ffb94b);
	background-image: -moz-linear-gradient(top, #fddb6f, #ffb94b);
	background-image: linear-gradient(top, #fddb6f, #ffb94b);
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: #d69e31 #e3a037 #d5982d #e3a037;
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	font-weight: bold;
	font-size: 15px;
	font-family: Arial;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	color: #8f5a0a;
}
/***************************************************************/
div[data-type="lm-content-circular"] > div{
	background-color: #000;
	float: left;
	width: 15px;	
	height: 15px;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-animation-name: bounce_circular;
 	-webkit-animation-duration: 0.7s;
 	-webkit-animation-iteration-count: infinite;
 	-webkit-animation-direction: linear;
}
div[data-type="lm-content-circular"]{
	width: 65px;
	height: 65px;
}
div[data-type="lm-content-circular-1"]{
	margin-top: 25px;
 	-webkit-animation-delay: .3s;
}
div[data-type="lm-content-circular-2"]{
	margin-left: -8px;
	margin-top: 9px;
 	-webkit-animation-delay: .4s;
}
div[data-type="lm-content-circular-3"]{
	margin-top: 1px;
 	-webkit-animation-delay: .5s;
}
div[data-type="lm-content-circular-4"]{
	margin-left: 0;
	margin-top: 9px;
 	-webkit-animation-delay: .6s;
}
div[data-type="lm-content-circular-5"]{
	margin-left: -8px;
	margin-top: 25px;
 	-webkit-animation-delay: .7s;
}
div[data-type="lm-content-circular-6"]{
	margin-left: -22px;
	margin-top: 40px;
 	-webkit-animation-delay: .8s;
}
div[data-type="lm-content-circular-7"]{
	margin-left: -37px;
	margin-top: 48px;
 	-webkit-animation-delay: .9s;
}
div[data-type="lm-content-circular-8"]{
	margin-left: -53px;
	margin-top: 41px;
 	-webkit-animation-delay: 1s;
}
@-webkit-keyframes bounce_circular{
	0%{-webkit-transform:scale(1);}
	100%{-webkit-transform:scale(.3);}
}
/***************************************************************/
.nav-left-show{
	-webkit-animation: nav-left-show .38s ease both;
}
@-webkit-keyframes nav-left-show{
	0%{-webkit-transform:translateX(-100%);} 
	100%{-webkit-transform:translateX(0);}
}
.nav-left-hide{
	-webkit-animation: nav-left-hide .38s ease both;
}
@-webkit-keyframes nav-left-hide{
	0%{-webkit-transform:translateX(0);} 
	100%{-webkit-transform:translateX(-100%);}
}